{% extends "../layouts/master.html" %}

{% block title %}Index{% endblock %}

{% block head %}
{% endblock %}

{% block content %}
    <div class="app-blog-detail">
        <div class="app-detail-title">
            <h1>{{ data.blog.Title }}</h1>
        </div>
        <div class="app-detail-overview">
            <div class="info">
                <div class="avatar">
                    <img src="https://pica.zhimg.com/691df473a_is.jpg?source=32738c0c" alt="">
                </div>
                <div class="statis">
                    <div class="author">管理员</div>
                    <div class="assist">
                        <div class="comment"><i class="fa fa-comment-o"></i>1 评论</div>
                        <i>/</i>
                        <div class="like"><i class="fa fa-thumbs-o-up"></i><b>{{ data.blog.Likes }}</b> 点赞</div>
                        <i>/</i>
                        <div class="views"><i class="fa fa-eye"></i><b>{{ data.blog.Views }}</b> 阅读</div>
                        <i>/</i>
                        <div class="words"><i class="fa fa-file-word-o"></i>{{ data.blog.Content | length }} 字</div>
                    </div>
                </div>
            </div>
            <div class="date">
                <b>{{ data.blog.Createtime | slice:"8:10" }}</b>
                <i>{{ data.blog.Createtime | slice:":7" }}</i>
            </div>
        </div>
        <div class="app-detail-body">
            <div class="app-blog-content">{{ data.blog.Content | safe }}</div>
        </div>
        <div class="app-detail-copyright">
            <div class="copyright">
                <div class="item">
                    <i class="fa fa-user"></i>
                    <span>转载请注明来源：</span> <span class="text">杰克</span>
                </div>
                <div class="item">
                    <i class="fa fa-link"></i>
                    <span>本文链接：</span>
                    <span class="text">
                        <a class="link" href="{{ data.site.Domain }}/blog/{{ data.blog.Id }}" target="_blank" rel="noopener noreferrer nofollow">{{ data.site.Domain }}/blog/{{ data.blog.Id }}</a>
                    </span>
                </div>
                <div class="item">
                    <i class="fa fa-file-text"></i>
                    <span>许可协议：</span>
                    <span class="text">本文使用《<a class="link" href="//creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener noreferrer nofollow">署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)</a>》协议授权</span>
                </div>
            </div>
        </div>
    </div>
{% endblock %}